<template>

  <div class="dashboard-container">
    <div class="title">WELCOME</div>
    <div class="chinese">欢迎使用</div>
    <img
      src="../../../static/img/pageindexlittlebg.png"
      alt=""
    >

  </div>

</template>

<script>


export default {
  name: 'dashboard',
  computed: {

  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-container {
  width: 100%;
  height: 100%;
  background: url("../../../static/img/pageindexbg.png") no-repeat;
  background-size: 100% 100%;
  background-position: -2px -2px;
  text-align: center;
  padding-top: 10%;
  position: relative;
}
.title {
  font-size: 50px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 5%;
}
.chinese {
  font-size: 30px;
  font-weight: 300;
  color: #ffffff;
}
img {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
}

html,
body {
  height: 100% !important;
}
#app {
  height: 100% !important;
}
</style>
